h1,
h2,
h3,
h4,
h5,
h6,
div,
p,
ul,
ol,
li {
    margin: 0;
    padding: 0;
    list-style: none;
    /* font-weight: 300; */
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


/* .clearfix {display: inline-block;}  /* for IE/Mac */

*/ a {
    text-decoration: none;
    color: #000;
    font-size: 14px;
}

.banner {
    width: 100%;
    /* height: 700px; */
    min-width: 1300px;
    position: relative;
    cursor: pointer;
    overflow: hidden;
}

.banner_prev {
    cursor: pointer;
    background-image: url("../images/banner_arrow_left.png");
    width: 40px;
    height: 80px;
    /* display: none; */
}

.banner_prev:hover {
    background-image: url("../images/banner_arrow_left_0.png");
}

.banner_next {
    cursor: pointer;
    background-image: url("../images/banner_arrow_right.png");
    /* display: none; */
}

.banner_next:hover {
    background-image: url("../images/banner_arrow_right_0.png");
}

.swiper-dot {
    bottom: 18px !important;
}

.swiper-pagination-bullet {
    box-sizing: border-box;
    background: #fff;
    border: none;
    opacity: 1;
}

.swiper-pagination-bullet-active {
    border: 1px solid #fff;
    background: transparent;
}

.form {
    height: 155px;
    background: #1d1e24;
    min-width: 1300px;
}

.form-con {
    width: 1200px;
    min-width: 1200px;
    margin: 0 auto;
    text-align: center;
}

.form-table {
    width: 1088px;
    height: 50px;
    display: inline-block;
    margin-top: 21px;
    cursor: pointer;
}

.form-table-left {
    height: 100%;
    width: 922px;
    box-sizing: border-box;
    border: 1px solid #e8e8e8;
    border-radius: 2px;
    background-color: #fff;
    font-size: 12px;
    color: #888;
    float: left;
}

.form-table-right {
    display: inline-block;
    width: 160px;
    height: 50px;
    border-radius: 5px;
    background-color: #74aa44;
    float: left;
    color: #fff;
    text-align: center;
    line-height: 50px;
    font-size: 20px;
    margin-left: 5px;
}

.table-con {
    float: left;
    padding: 0px 20px;
    border-right: 1px solid #e8e8e8;
    height: 49px;
    box-sizing: border-box;
    position: relative;
}

.myInput::-webkit-input-placeholder {
    color: red;
}

.myInput:-moz-placeholder {
    color: red;
}

.myInput::-moz-placeholder {
    color: red;
}

.myInput:-ms-input-placeholder {
    color: red;
}

.bannerMyInput::-webkit-input-placeholder {
    color: red;
}

.bannerMyInput:-moz-placeholder {
    color: red;
}

.bannerMyInput:-ms-input-placeholder {
    color: red;
}


/* .myInput{
  outline: none;
  color: red !important;
} */

.myInput {
    border: 1px solid #f29897 !important;
    background-color: #fee9f0 !important;
    background-image: url("../images/tixc.png")!important;
    background-repeat: no-repeat !important;
    background-position-x: 12px !important;
    background-position-y: 50% !important;
    padding-left: 29px !important;
    outline: none;
    color: red;
}

.indexInput::-webkit-input-placeholder {
    color: red;
}

.indexInput:-moz-placeholder {
    color: red;
}

.indexInput::-moz-placeholder {
    color: red;
}

.indexInput:-ms-input-placeholder {
    color: red;
}

.table-con span {
    font-size: 12px;
    color: #888;
    line-height: 49px;
}

.table-icon {
    margin-top: 12px;
    float: left;
}

.table-con input {
    float: left;
    margin-top: 17px;
    font-size: 12px;
    color: #333;
    outline: none;
    border: 0px;
    margin-left: 10px;
    width: 88px;
}

.good {
    width: 1200px;
    min-width: 1300px;
    overflow: hidden;
    margin: 0 auto;
}

.good-con {
    width: 1199px;
    min-width: 1199px;
    margin: 0 auto;
}

.good-con-title {
    text-align: center;
    font-size: 43px;
    color: #333;
    padding-top: 70px;
    padding-bottom: 50px;
}

.good-content {
    width: 1198px;
    height: 237px;
    overflow: hidden;
    box-sizing: border-box;
}

.goods-five-con {
    border-right: 2px solid #e2e2e2;
    border-top: 2px solid #e2e2e2;
    border-bottom: 2px solid #e2e2e2;
    box-sizing: border-box;
    width: 170px;
    float: left;
    height: 100%;
    text-align: center;
    height: 238px;
    padding: 0 6px;
}

.goods-five-con img {
    margin-top: 40px;
}

.goods-five-con span {
    display: inline-block;
    margin-top: 8px;
    font-size: 20px;
    color: #333;
}

.goods-five-con span:hover {
    color: #74aa44
}

.goods-five-con .size_bold {
    font-weight: bold;
}

.goods-five-con p {
    margin-top: 40px;
    display: inline-block;
    width: 100%;
    font-size: 12px;
    color: #6f6f6f;
    line-height: 20px;
}

.good-story {
    width: 1200px;
    min-width: 1200px;
    margin: 0 auto;
    height: 237px;
    margin-top: 20px;
    position: relative;
}

.good-story-video {
    float: left;
    height: 100%;
    width: 929px;
    overflow: hidden;
}

.good-story-video-bc {
    position: absolute;
    top: 149px;
    left: 0px;
    width: 930px;
    z-index: 20;
    font-size: 18px;
    color: #fff;
    text-align: center;
}

.prism-player {
    height: 237px !important;
}

.case {
    width: 100%;
    height: 880px;
    background: #333;
    margin-top: 70px;
    position: relative;
    text-align: center;
}

.pagination {
    text-align: right;
    margin-right: 75px;
    margin-bottom: 23px;
}

.left_count {
    display: inline-block;
    margin-left: 12px;
    font-size: 25px;
    font-weight: bold;
    color: #faf9f9;
}

.right_count {
    display: inline-block;
    margin-right: 12px;
    font-size: 18px;
    font-weight: bold;
    color: #626262;
}

.case_text {
    width: 524px;
    height: 377px;
    background-color: rgba(255, 255, 255, 0.85);
    top: 270px;
    z-index: 999;
    display: inline-block;
    padding: 46px 53px;
    box-sizing: border-box;
    text-align: left;
    float: right;
    margin-right: 75px;
}

.case_index_content .case_p {
    margin-top: 20px;
    font-size: 18px;
    color: #222;
    line-height: 28px;
    width: 413px;
    height: 145px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
    white-space: normal;
}

.case_text img {
    float: left;
}

.case_title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 335px;
    float: left;
    line-height: 48px;
}

.case_btn {
    width: 160px;
    height: 50px;
    color: #fff;
    font-size: 18px;
    border-radius: 2px;
    background: #000;
    text-align: center;
    line-height: 50px;
    float: left;
    cursor: pointer;
    margin-top: 40px;
    margin-right: 12px;
}

.case_btn:hover {
    background-color: #74aa44;
}

.case_down {
    width: 1200px;
    min-width: 1200px;
    margin: 0 auto;
    height: 80px;
    /* margin-top: 42px; */
    position: relative;
    padding: 32px 0 0 0;
}

.case_more {
    display: inline-block;
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    width: 50px;
    margin-left: 96px;
    cursor: pointer;
    line-height: 30px;
}

.case_style_img {
    position: absolute;
    left: 152px;
    top: 60px;
}

.case_style {
    float: left;
    margin-right: 75px;
    color: #a5a5a5;
    font-size: 15px;
    /* padding: 9px 28px; */
    cursor: pointer;
    width: 116px;
    height: 38px;
    text-align: center;
    line-height: 38px;
}

.case_style:hover {
    background: #74aa44;
    color: #fff;
}

.designer {}

.designer_title {
    padding-top: 70px;
    padding-bottom: 50px;
    text-align: center;
    color: #333;
    font-size: 42px;
    font-weight: normal;
}


/*设计师展示*/

#demo {
    width: 1200px;
    min-width: 1200px;
    height: 105px;
    overflow: hidden;
    line-height: 30px;
    font-size: 13px;
    color: #0C77CF;
    font-weight: bold;
    margin: 0 auto;
    position: relative;
    padding-top: 30px;
}

#demoin {
    min-width: 1200px;
    height: 105px;
    margin: 0 auto;
    white-space: nowrap;
    position: absolute;
}

#demo #demo1,
#demo #demo2,
#demo #demo3 {
    display: inline;
    margin: 0;
    padding: 0;
}

#demo span {
    position: relative;
    display: inline-block;
    width: 57px;
    height: 81px;
}

#demoin img {
    position: absolute;
}

#demo #demo2,
#demo #demo3 {
    margin-left: -5px;
}

.selected {
    border: 5px solid #ccc;
}

#demo img {
    width: 57px;
    height: 78px;
}

.desinger_box {
    width: 1300px;
    min-width: 1300px;
    margin: 0 auto;
}

.desinger_hover {
    width: 276px;
    height: 370px;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
}

.desinger_hover_box {
    background-color: #000;
    background: rgba(0, 0, 0, 0.5);
}

.designer_more {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    display: none;
}

.desinger_hover_show {
    display: block;
}

.desinger_hover img {
    display: none;
}

.desonger_img_box {
    width: 276px;
    height: 370px;
    overflow: hidden;
}

.desonger_img_box img {
    margin: 0 auto;
}

#designer_warp {
    width: 1200px;
    overflow: hidden;
    float: left;
}

.desinger_count {
    width: 1200px;
    position: relative;
    margin: 0 auto;
}

.designer_level {
    position: absolute;
    width: 274px;
    height: 63px;
    line-height: 63px;
    color: #fff;
    font-size: 18px;
    top: 305px;
    text-align: center;
    background: rgba(0, 0, 0, 0.5);
    border: 1px solid #000;
}

#designer_run {
    position: relative;
    width: auto;
    height: 540px;
    overflow: hidden;
}

.desinger_card {
    height: 540px;
    margin: 0 auto;
    float: left;
    position: relative;
    z-index: 10;
}

.desinger_card .designer_item {
    position: relative;
    width: 276px;
    height: 540px;
    margin-right: 32px;
    float: left;
}

#copy {
    float: left;
    width: 6468px;
    overflow: hidden;
}

#copy,
#desinger_card_box {
    float: left;
}

.designer_item {
    width: 276px;
    height: 540px;
    margin-right: 32px;
    float: left;
    overflow: hidden;
}

.designer_item img {
    width: 276px;
    height: 375px;
    cursor: pointer;
}

.desinger_hover img {
    width: 50px;
    height: 50px;
    padding-top: 178px;
}

.designer_name {
    margin: 14px 0 12px 0;
    font-weight: bold;
    font-size: 24px;
    color: #333;
}

.designer_introduction {
    color: #494949;
    font-size: 18px;
}

.designer_from_mt {
    margin-top: 22px;
    font-size: 14px;
    color: #8b8b8b;
    display: -webkit-box;
}

.designer_from {
    font-size: 14px;
    color: #8b8b8b;
    width: 276px;
    overflow: hidden;
    margin-top: 22px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.designer_btn_lf {
    width: 44px;
    height: 533px;
    position: absolute;
    left: -50px;
    z-index: 11;
    padding-top: 200px;
}

.designer_btn_lf img,
.designer_btn_rt img {
    cursor: pointer;
}

.designer_btn_rt {
    width: 44px;
    height: 533px;
    position: absolute;
    right: -50px;
    padding-top: 200px;
}

.designer_btn_rt img,
.designer_btn_lf img {
    cursor: pointer;
}

.desinger_filter {
    width: 1200px;
    margin: 0 auto;
    margin-bottom: 10px;
}

.desinger_small {
    width: 1200px;
    margin: 0 auto;
}

.desinger_small img {
    cursor: pointer;
}

.desinger_filter select {
    border: 1px solid #ccc;
    padding: 9px;
    border-radius: 0;
}

.select_box {
    border: 1px solid #ccc;
    width: 136px;
    height: 40px;
    box-sizing: border-box;
    font-size: 14px;
    color: #000;
    float: left;
    margin-top: 34px;
}

.level_con {
    width: 134px;
    height: 38px;
}


/*案例*/

.case_box {
    width: 100%;
    height: 769px;
    background-image: url("../images/1.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    margin: 10px 0 0 0;
    min-width: 1300px;
}

.case_ietm_box {
    width: 1282px;
    height: 432px;
    margin: 0 auto;
}

.case_head {
    padding: 70px 0 50px 0;
    font-size: 42px;
    color: #fff;
    text-align: center;
    font-weight: normal;
}

.case_content {
    width: 806px;
    height: 432px;
    background-color: #eee;
    float: left;
    padding: 64px 77px 0 77px;
    overflow: hidden;
}

.case_img {
    width: 316px;
    height: 497px;
    background-color: #333;
    opacity: 0.8;
    margin-left: 6px;
    float: left;
    position: relative;
}

.case_size {
    font-size: 45px;
    color: #222;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 550px;
    display: inline-block;
    line-height: 45px;
    height: 45px;
}

.case_size a {
    color: #222;
}

.case_size_small {
    color: #3d3d3d;
    font-size: 16px;
    font-weight: bold;
}

.case_size_icon {
    font-weight: normal;
    font-size: 45px;
}

.case_words {
    margin: 16px 0 64px 0;
    color: #606060;
    font-size: 15px;
}

.ma {
    margin: 19px
}

.case_img_show img {
    width: 373px;
}

.customer_title {
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    margin: 41px 0 45px 0;
}

.customer_item_box {
    float: left;
    position: relative;
    width: 70px;
    height: 105px;
    /* display: flex;
  align-items: center; */
    margin-left: 28px;
}

.customer_item_box img {
    /* width: 70px;
  height: 70px;
  border-radius:35px; */
    cursor: pointer;
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 0;
    left: 0
}

.img_as {
    position: absolute;
    width: 116px !important;
    height: 116px !important;
    left: -23px;
    border-radius: 100% !important;
    margin: 0;
    padding: 0;
    top: -23px;
    border: 2px solid #74aa44;
    box-sizing: border-box;
}

.headerBottom {
    width: 100%;
}

.content {
    margin-top: 16px;
    width: 806px;
    height: 47px;
    overflow: hidden;
    margin-bottom: 62px;
    font-size: 15px;
    line-height: 23px;
    color: #3d3d3d;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.stroy_img_box {
    width: 768px;
    height: 220px;
    overflow: hidden;
    background-color: #ccc;
    display: flex;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
}

.stroy_img_box img {
    width: 373px;
    height: 220px;
}

.customer-broadcast {
    width: 235px;
    height: 36px;
    float: left;
    position: relative;
    overflow: hidden;
    line-height: 36px;
}

.customer-broadcast p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    width: 100%;
    height: 100%;
    word-break: break-all;
}

.clear {
    clear: both;
}

.info_icon {
    float: left;
}

.info_box {
    width: 269px;
    position: absolute;
    bottom: 30px;
    left: 7px;
    color: #fff;
    font-size: 15px;
    margin-top: 18px;
    margin-left: 30px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: 14px;
    color: #afafaf;
}

.sc_box {
    width: 1200px;
    margin: 0 auto;
    height: 485px;
    /* display: flex;
  justify-content: space-between; */
}

.sc_title {
    float: left;
    width: 59px;
    line-height: 34px;
    background-color: #000;
    color: #fff;
    font-size: 20px;
    /* display: flex;
  align-items: center; */
    cursor: pointer;
    text-align: center;
    padding: 51px 15px;
    position: absolute;
}

.sc_title_one {
    background-color: #000;
}

.sc_head {
    display: flex;
    flex-direction: row;
    cursor: pointer;
    height: 170px;
    overflow: hidden;
}

.sc_head {
    position: relative;
    background-color: #323232;
    width: 100%;
    /* opacity: 0.7; */
}

.mask {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.3;
}

.sc_item_box {
    width: 393px;
    margin-right: 10px;
    float: left;
    height: 485px;
    position: relative;
}

.sc_head_over .mask {
    opacity: 0.2;
}

.sc_head_over .sc_title {
    background-color: red;
}

.sc_item_box ul {
    background-color: #fafafa;
    padding: 20px;
    margin: 0;
    padding: 0;
    padding: 15px;
    height: 279px;
    overflow: hidden;
}

.sc_item_box li {
    height: 58px;
    line-height: 58px;
    border-bottom: 1px dashed #ccc;
    list-style: none;
    color: #505050;
    font-size: 15px;
    margin: 0;
    padding: 0;
    cursor: pointer;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sc_item {
    /* position: absolute; */
    width: 100%;
}

.sc_item_on {
    width: 410px;
    height: 530px;
    box-shadow: 0px 2px 20px #888888;
    left: -10px;
    top: -20px;
    z-index: 10;
}


/*history*/

.history_box {
    width: 100%;
    min-width: 1300px;
    height: 140px;
    background-image: url("../images/bj.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    margin-top: 70px;
}

.h_warp {
    width: 1200px;
    margin: 0 auto;
    color: #fff;
    height: 100%;
    font-size: 18px;
}
.h_warp {
    display: flex;
    justify-content: space-between;
    align-items: center;   
}

.h_year {
    margin-right: 50px;
    margin-left: 120px;
}

.h_company {
    margin-right: 22px;
}

.history_item {
    float: left;
}

.history_item span {
    font-size: 50px;
}



.sc_warp {
    min-width: 1300px;
}

.sc_warp a {
    text-decoration: none;
}

.sc_img img {
    width: 100%;
}

.sc_img {
    width: 304px;
    height: 194px;
    overflow: hidden;
    float: left;
    margin-left: 89px;
}

.case_index_box {
    width: 100%;
    height: 890px;
    background-color: #333;
    position: relative;
    min-width: 1300px;
    overflow: hidden;
    margin-top: 63px;
}

.case_index_title {
    text-align: center;
    color: #fff;
    padding: 70px 0 50px 0;
    font-size: 42px;
    font-weight: normal;
}

.case_run_box {
    position: relative;
    width: 100%;
    min-width: 1300px;
}

.case_run_box {
    width: 100%;
    height: 563px;
    min-width: 1300px;
}

.case_img_lf {
    width: 1220px;
    height: 563px;
    float: left;
    overflow: hidden;
    background-size: auto 100% !important
}

.case_img_rt {
    width: 350px;
    height: 563px;
    float: right;
    /* margin-left: 282px; */
    overflow: hidden;
}

.case_index_img_box {
    /* width: 1px; */
}

.case_run_item {
    width: 1220px;
    overflow: hidden;
    /* min-width: 1300px; */
    float: left;
    position: relative;
    margin-right: 325px;
}

.case_index_run_warp {
    width: 8000px;
}

.case_index_content_box {
    width: 1200px;
    height: 0;
    position: relative;
    margin: 0 auto;
}

.case_index_content {
    position: absolute;
    width: 1200px;
    height: 400px;
    top: 95px;
    left: 0;
    z-index: 20;
}

.why_sc_box {
    width: 100%;
    overflow: hidden;
    height: 350px;
    background: url("../images/bg.png") center center no-repeat;
    background-size: contain;
    margin-bottom: 40px;
}

.why_sc_box_img {
    width: 1200px;
    margin: 0 auto;
}

@media screen and (min-width: 1500px) {
    .designer_btn_lf {
        left: -103px;
    }
    .designer_btn_rt {
        right: -103px;
    }
}

.sc_item_middle_box {
    width: 100%;
    box-sizing: border-box;
    padding: 31px 18px 22px 29px;
    height: 136px;
    background-color: #fff;
}

.sc_item_middle_box img {
    width: 120px;
    height: 80px;
    float: left;
}

.sc_item_middle_content {
    margin-left: 138px;
    line-height: 28px;
    font-size: 15px;
    color: #535252;
    overflow: hidden;
    height: 80px;
    /* width: 238px; */
}

.sc_item_hover ul {
    background-color: #fff !important;
    padding: 20px 0 48px 17px;
    height: 165px;
    overflow: hidden;
}

.sc_item_hover .xgt_down {
    min-height: 370px;
    height: 370px;
    overflow: hidden;
}

.sc_item_hover {
    cursor: pointer;
    display: none;
    transition: transform 0.1s;
    -moz-transition: -moz-transform 0.1s;
    -webkit-transition: -webkit-transform 0.1s;
    -o-transition: -o-transform 0.1s;
}

.sc_item_hover li {
    line-height: 32px;
    height: 32px;
    border: none;
    width: 100%;
    overflow: hidden;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 15px;
    color: #646464;
}

.sc_item_hovered {
    display: block;
    position: absolute;
    top: -20px;
    left: 0;
    box-shadow: 0px 5px 20px #ccc;
    z-index: 1000;
    height: 544px;
    overflow: hidden;
    width: 412px;
}

.sc_item_hovered ul {
    height: 119px;
}

.sc_item_hovered:hover {
    transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    /* IE 9 */
    -moz-transform: scale(1.05, 1.05);
    /* Firefox */
    -webkit-transform: scale(1.05, 1.05);
    /* Safari and Chrome */
    -o-transform: scale(1.05, 1.05);
    /* Opera */
}

.border_line {
    border-bottom: 1px dashed #ccc;
    height: 0;
    background-color: #fff;
    margin: 0 29px;
}

.xgt_down {
    padding: 30px 61px;
    width: 100%;
    height: 365px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    background-color: #fff;
}

.xgt_down_item {
    width: 130px;
    height: 93px;
    display: inline-block;
}

.xgt_down_item p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    height: 30px;
    text-align: center;
    font-size: 15px;
    color: #646464;
}

.xgt_down_item img {
    width: 100%;
    height: 68px;
}

.xgt_down_item p:hover {
    color: #d90000;
}


/* banner */

.banner_img {
    float: left;
}

.banner_box img {
    width: 100%;
    height: 633px;
}

.banner_run {
    position: relative;
    z-index: 10;
}

.banner_box2 img {
    width: 100%;
    height: 633px;
}

.banner_prev {
    position: absolute;
    width: 45px;
    height: 75px;
    top: 330px;
    left: 50px;
    z-index: 1000;
    cursor: pointer;
    display: none;
}

.banner_next {
    position: absolute;
    width: 45px;
    height: 75px;
    top: 330px;
    right: 50px;
    z-index: 1000;
    cursor: pointer;
    display: none;
}

.reason_container {
    position: relative;
    overflow: hidden;
}

.reason_wrapper {
    position: relative;
}

#slide_box,
#slide_box2 {
    float: left;
    height: 237px;
}

.reason_prev {
    position: absolute;
    top: 80px;
    left: 0;
    z-index: 15;
    cursor: pointer;
    display: none;
    background-image: url(../images/banner_btn.png);
    background-position: -322px -36px;
    width: 36px;
    height: 75px;
    overflow: hidden;
}

.reason_next {
    position: absolute;
    top: 80px;
    right: 0;
    z-index: 15;
    cursor: pointer;
    display: none;
    width: 36px;
    height: 75px;
    overflow: hidden;
    background-image: url(../images/banner_btn.png);
    background-position: -48px -36px;
}

.customer_container {
    position: absolute;
}

#wrapper2 .slide {
    height: 36px;
    overflow: hidden;
}

#wrapper2 .p {
    width: 100%;
    height: 36px;
    overflow: hidden;
    white-space: nowrap;
}

#slide_box .slide,
#slide_box2 .slide {
    border: none;
    border-left: 1px solid #e2e2e2;
}

.reason_container {
    border: 2px solid #e2e2e2;
    height: 233px;
}

.slide_hover span {
    color: #74aa44 !important;
}

.customer_name_box {
    overflow: hidden;
    width: 109px;
    position: absolute;
    bottom: 0;
    color: #fff;
    text-align: center;
    /* opacity: 0.5; */
    left: -20px;
    bottom: 14px;
    border-radius: 0 0 100px 100px;
    display: none;
    cursor: pointer;
    height: 42px;
    overflow: hidden;
    font-size: 13px;
}

.customer_name_box p {
    position: relative;
    top: 6px;
}

.customer_from {
    width: 70px;
    overflow: hidden;
    margin: 0 auto;
    font-size: 12px;
}

.reason_slide_hover {
    display: none;
}

.case_selected {
    background: #74aa44;
    color: #fff;
}

.case_warp {
    position: relative;
    left: 50%;
    margin: 0 0 0 -958px;
}

.case_down .case_0 {
    margin-right: 64px;
}

.case_down .case_5 {
    margin-right: 64px;
}

.story_img_box {
    width: 70px;
    height: 70px;
    border-radius: 35px;
    cursor: pointer;
    margin: 0;
    padding: 0;
}

.prism-big-play-btn {
    left: 432px !important;
}

.bottom_price_box {
    display: none
}


.prism-player .prism-big-play-btn .outter {
    border: 7px solid rgba(255, 255, 255, .51);
    width: 48px;
    height: 48px;
    border-radius: 100%;
    position: absolute;
    box-sizing: border-box;
    top: 50%;
    left: 50%;
    margin-left: -24px;
    margin-top: -24px;
}

.bottom_price_box img {
    max-width: none !important
}

.prism-player .prism-big-play-btn {
    width: 48px;
    height: 48px;
    z-index: 10;
}

.prism-big-play-btn {
    bottom: 109px !important;
}

.prism-player .prism-ErrorMessage,
.prism-player .prism-cover {
    background-size: cover;
}

.h_title {
    width: 260px;
    font-size: 16px;
}

.table-con .start {
    font-size: 14px;
    color: #888888;
    padding-top: 3px;
    position: absolute;
    top: 0px;
    left: 77px;
}

.num_icon {
    position: relative;
    top: 5px;
    left: 5px;
}

.img_mask {
    opacity: 0.7;
    background-color: #000;
}

.banner_mask {
    background-color: #000;
    opacity: 0.1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 700px;
    z-index: 12;
    display: none;
}

.hide {
    display: none;
}

.designer_mask {
    opacity: 0.5;
}

.sc_warp li:hover {
    color: #74aa44;
}

.sc_item_middle_content:hover {
    color: #74aa44;
}

.sc_item_middle_content a {
    color: #323232;
}

.sc_item_hover .sc_img {
    width: 100%;
    margin-left: 0;
}

.sc_item_hover .sc_head {
    height: 193px;
}

.case_size a:hover {
    color: #74aa44;
    cursor: pointer;
}

.click-left {
    width: 18px;
    height: 15px;
    background: url("../images/arrow_left.png") center center no-repeat;
    display: inline-block;
    cursor: pointer;
}

.click-right {
    width: 18px;
    height: 15px;
    background: url("../images/arrow_right.png") center center no-repeat;
    display: inline-block;
    cursor: pointer;
}

.click-left:hover {
    background: url("../images/arrow_left_hover.png") center center no-repeat;
}

.click-right:hover {
    background: url("../images/arrow_right_hover.png") center center no-repeat;
}

.max_Screen .prism-player {
    height: 100% !important;
}

.max_Screen {
    width: 100%;
    height: 100%;
}

.customer_container .slide {
    font-size: 14px;
    color: #afafaf;
    line-height: 18px;
    text-align: left;
}

.prism-player .prism-big-play-btn {
    width: 100%;
    background-size: 48px 48px;
    left: 0 !important;
    top: 0;
    background-position: center center;
}

.case_content .content img {
    width: 0;
    height: 0;
}

.bannerMyInput {
    color: red !important;
}

.split {
    width: 25px;
    height: 100%;
    background-color: #eee;
    position: absolute;
    left: 373px;
}

.prism-player-box {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #333;
}

.play_btn_icon {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -43px;
    margin-left: -34px;
}

.customer_box {
    width: 270px;
    padding: 64px 35px 0 0;
    box-sizing: border-box;
    background-color: #eee;
    height: 237px;
}

.customer_box p {
    text-align: right;
    color: #333;
    width: 100%;
}

.customer_type {
    font-size: 40px;
    margin-bottom: 5px;
    font-weight: bold;
}

.customer_box .customer_index_title {
    width: 243px;
    font-size: 24px;
    margin-bottom: 26px;
    margin-right: -5px;
    font-weight: bold;
    position: relative;
}

.customer_box .customer_index_more {
    width: 105px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    color: #fff;
    background-color: #000;
    float: right;
    cursor: pointer;
    border-radius: 2px;
}

.customer_index_more a {
    color: #fff;
}

.point {
    position: relative;
    top: -5px;
    left: 1px;
}

.customer_box .customer_index_more_hover {
    background-color: #74aa44;
    border-radius: 2px;
}

.video_cover {
    width: 100%;
    margin-top: -200px;
}

.line_icon {
    position: absolute;
    top: 13px;
    left: 46px;
}



@media all and (max-width:1280px){
    .form{
        min-width: 100%;
    }
    .form-con {
        width:96%;
        min-width: auto;
    }
    .form-table{
        width: 100%;
    }
    .form-table-left{
        width: 80%;
    }
    .form-table-right{
        width: 10%;
    }
}